 /* 页面架构 */
 .page {
 	width: 100%;
 	min-height: 100%;
 	margin: 0 auto;
 }

 .body {
 	overflow: auto;
 }

 .layout {
 	width: 100%;
 }

 .fix-wrap {
 	width: 100%;
 	position: fixed;
 	z-index: 100;
 }

 .top {
 	top: 0;
 }

 .bottom {
 	bottom: 0;
 }

 .left {
 	left: 0;
 }

 .right {
 	right: 0;
 }

 .flex-grow-1 {
 	width: 1%;
 	flex-grow: 1;
 }

 .row-2 .item {
 	width: 48%;
 }

 .row-3 .item {
 	width: 33.3%;
 }

 .row-4 .item {
 	width: 25%;
 }

 .row-5 .item {
 	width: 20%;
 }

 .h45,
 .h45 .fix-wrap {
 	height: 45px;
 }

 .h90,
 .h90 .fix-wrap {
 	height: 90px;
 }

 .h90 .fix-wrap,
 .h45 .fix-wrap {
 	background: #fff;
 }

 .price {
 	color: #f00;
 }

 .old-price {
 	margin-right: 20rpx;
 	text-decoration: line-through;
 	color: #999;
 	font-size: 24rpx;
 }

 .header {
 	position: relative;
 	height: 32px;
 }

 .header .btn {
 	position: absolute;
 	left: 30rpx;
 	width: 32px;
 	height: 32px;
 	text-align: left;
 	line-height: 32px;
 	font-weight: 500;
 }

 .header .left {
 	left: 10px;
 }

 .bg-green .header .title,
 .bg-green .header .btn,
 .bg-main .header .title,
 .bg-main .header .btn {
 	color: #fff;
 }

 .header .title {
 	width: 45%;
 	text-align: center;
 	line-height: 32px;
 	margin: 0 auto;
 	font-size: 17px;
 	font-weight: 500;
 }

 .area-ctrl {
 	display: flex;
 	align-items: center;
 }

 .area-ctrl .city-name {
 	width: 100rpx;
 	margin-right: 10rpx;
 }

 /*搜索条*/
 .search-ctrl {
 	display: flex;
 }

 .search-ctrl .area-ctrl {
 	margin: 15rpx 0 0 10rpx;
 	line-height: 60rpx;
 }

 .search-bar {
 	display: flex;
 	flex-grow: 2;
 	height: 60rpx;
 	margin: 15rpx 20rpx 0;
 	background: #f6f6f6;
 	border: 2rpx solid #ddd;
 	border-radius: 38rpx;
 }

 .search-bar .iconfont {
 	width: 60rpx;
 	height: 60rpx;
 	text-align: center;
 	line-height: 60rpx;
 	flex-shrink: 0;
 	color: #C2C2C2;
 }

 .search-bar .sc-inp {
 	flex-grow: 2;
 	height: 60rpx;
 	line-height: 60rpx;
 	padding: 0 20rpx 0 0;
 	font-size: 28rpx;
 }

 /*搜索条*/

 /*切换设备*/
 .change-btn {
 	display: flex;
 	align-items: center;
 	padding: 20rpx;
 }

 .change-btn .select-data {
 	margin-right: 10rpx;
 	font-size: 30rpx;
 	font-weight: bold;
 }

 .change-btn .iconfont {
 	color: #666
 }

 /*切换设备*/

 /* 底部 */
 .footer {
 	height: 100rpx;
 }

 .footer .fix-wrap {
 	left: 0;
 	width: 100%;
 	height: 98rpx;
 	border-top: 2rpx solid #eee;
 	background: #fff;
 }

 .iphoneX .footer {
 	height: 160rpx;
 }

 .iphoneX .footer .fix-wrap {
 	padding-bottom: 60rpx
 }

 /* 底部 end*/



 /* tab */
 .scroll-tab {
 	white-space: nowrap;
 }

 .scroll-tab .item {
 	position: relative;
 	display: inline-block;
 }

 .scroll-tab .item .name {
 	line-height: 45px;
 	font-size: 28rpx;
 	color: #666;
 }

 .scroll-tab .item .active-line {
 	display: none;
 	position: absolute;
 	bottom: 0;
 	left: 35%;
 	width: 30%;
 	height: 6rpx;
 	background: #09f;
 	border-radius: 36rpx;
 }

 .scroll-tab .active .name {
 	color: #000;
 	font-weight: 700;
 }

 .scroll-tab .active .active-line {
 	display: block;
 }

 .limit-tab {
 	display: flex;
 }

 .limit-tab .item {
 	position: relative;
 	flex-grow: 1;
 	width: 1%;
 	text-align: center;
 }

 .limit-tab .item .name {
 	line-height: 45px;
 	font-size: 28rpx;
 	color: #666;
 }

 .limit-tab .item .active-line {
 	display: none;
 	position: absolute;
 	bottom: 0;
 	left: 35%;
 	width: 30%;
 	height: 6rpx;
 	background: #09f;
 	border-radius: 36rpx;
 }

 .limit-tab .active .name {
 	color: #000;
 }

 .limit-tab .active .name .text {
 	font-weight: 700;
 }

 .limit-tab .active .active-line {
 	display: block;
 }

 /* tab end*/

 /* 筛选排序 */
 .filter-bar {
 	display: flex;
 	height: 45px;
 }

 .filter-bar .item {
 	flex-grow: 1;
 	flex-shrink: 0;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	height: 45px;
 	flex-grow: 1;
 	width: 1%;
 	text-align: center;
 	color: #333;
 	font-size: 28rpx;
 }

 .filter-bar .active .iconfont {
 	display: inline-block;
 	transform: rotate(180deg);
 }

 .filter-select-page {
 	position: fixed;
 	z-index: 201;
 	width: 100%;
 	background: rgba(0, 0, 0, .5);
 	height: 100%;
 }

 .filter-select-list {
 	max-height: 550rpx;
 	background: #fff;
 	border-top: 1rpx solid #eee;
 	overflow-y: scroll;
 }

 .filter-select-list .item {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	padding-right: 20rpx;
 	height: 90rpx;
 	line-height: 90rpx;
 	margin-left: 20rpx;
 	border-bottom: 1rpx solid #eee;
 }

 .filter-select-list .item .val {
 	font-size: 28rpx;
 	color: #666;
 }

 .filter-select-list .item switch {
 	height: 90rpx;
 }

 .filter-select-list .item .iconfont {
 	color: #999;
 }

 .filter-select-list .item .active {
 	color: #09f;
 }

 /* 筛选排序 end */

 /* 广告 */
 .lay-ad {}

 .lay-ad image {
 	width: 100%;
 	border-radius: 15rpx;
 }

 .ad-wrap {}

 .ad-wrap image {
 	width: 100%;
 	border-radius: 15rpx;
 }

 .ad-row-2 {
 	display: flex;
 	justify-content: space-between;
 }

 .ad-row-2 .row-item-47 {
 	width: 47%;
 }

 .ad-row-2 .row-item-51 {
 	width: 51%;
 }

 .ad-column-2 {
 	display: flex;
 	flex-direction: column;
 	justify-content: space-between;
 }

 .ad-column-2 .column-item {}

 /* 广告 end*/



 .search-data {
 	height: 160rpx;
 	margin-bottom: 20rpx;
 }

 .search-data .fix-wrap {
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 160rpx;
 	background: #FFFFFF;
 }

 .date-bar {
 	display: flex;
 	align-items: center;
 	padding: 0 20rpx;
 }

 .date-bar .date {
 	width: 38%;
 	padding-left: 2%;
 	height: 60rpx;
 	line-height: 60rpx;
 	margin-right: 20rpx;
 	background: #f5f5f5;
 	border-radius: 10rpx;
 	font-size: 30rpx;
 }

 .date-bar .date .inp {
 	height: 60rpx;
 	line-height: 60rpx;
 	font-size: 30rpx;
 }

 .date-bar .btn {
 	width: 120rpx;
 	text-align: center;
 	height: 60rpx;
 	line-height: 60rpx;
 	background: #0085FF;
 	border-radius: 10rpx;
 	color: #FFFFFF;
 	font-size: 30rpx;
 }

 .data-wrap {
 	padding: 40rpx 0 20rpx;
 }

 .data-wrap .item {
 	display: flex;
 	margin-bottom: 30rpx;
 	font-size: 30rpx;
 }

 .data-wrap .item .label {
 	width: 220rpx;
 	flex-shrink: 0;
 }

 .data-wrap .item .con {
 	flex-grow: 2;
 }

 /* 图文分类列表 */
 .category-list {
 	display: flex;
 	flex-wrap: wrap;
 }

 .category-list .item {
 	text-align: center;
 	margin: 40rpx 0;
 }

 .category-list .item .icon {
 	margin: 0 auto 10rpx;
 }

 .row-3 .item .icon {
 	width: 50%;
 }

 .row-4 .item .icon {
 	width: 55%;
 }

 .category-list .item .icon img {
 	width: 100%;
 }

 .category-list .item .text {
 	font-size: 32rpx;
 }